<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="style/font.css">
    <link rel="stylesheet" href="js/lib/swiper/swiper.min.css">
    <link rel="stylesheet" href="style/layui.css">
    <link rel="stylesheet" href="style/cert.css">
</head>
<body>
<div class="head" id="head-g">
    <div class="container clearfix">
        <a class="logo">
            <img src="img/logo.png" alt="">
        </a>
        <!-- 未登录-->
        <div class="loginBox">
            <a class="iconfont icon-denglu"></a>
            <a id="loginBtn">登录</a>
            <a>|</a>
            <a>注册</a>
        </div>
        <!-- 已登录-->
        <!--         <div class="loginBox">-->
        <!--             <a class="iconfont icon-denglu"></a>-->
        <!--             <a>胖西</a>-->
        <!--             <div class="downBtn">-->
        <!--                 <a href="">退出</a>-->
        <!--             </div>-->
        <!--         </div>-->
    </div>
</div>
<div class="swiper-container" id="carousel" style="margin-bottom: 0">
    <div class="swiper-wrapper">
        <a class="swiper-slide swiper-no-swiping" style="background-image: url('img/banner.jpg')">

        </a>
    </div>
    <div class="swiper-pagination"></div>
</div>
<!--导航-->
<div class="nav-g">
    <div class="container">
        <a href="" >活动公告</a>
        <a href="" >参赛作品</a>
        <a href="" >获奖作品</a>
        <a href="" class="active">证书查询</a>
        <a href="">我的作品</a>
        <a href="">上传作品</a>
    </div>
</div>
<div id="cert">
    <div class="cert container clearfix">
        <div class="pull-left">
            <div class="title">
                证书查询
            </div>
            <div class="filter layui-form">
                <div class="dl clearfix">
                    <div class="dt">参赛年份:</div>
                    <div class="dd">
                        <select name="" id="1">
                            <option value="">2024</option>
                        </select>
                    </div>
                </div>
                <div class="dl clearfix">
                    <div class="dt">参赛年份:</div>
                    <div class="dd">
                        <select name="" id="2">
                            <option value="">2024</option>
                        </select>
                    </div>
                </div>
                <div class="dl clearfix">
                    <div class="dt">作者姓名:</div>
                    <div class="dd">
                        <input type="text" class="layui-input" placeholder="请输入查询内容">
                    </div>
                </div>
                <div class="dl clearfix">
                    <div class="dt">作者编号:</div>
                    <div class="dd">
                        <input type="text" class="layui-input" placeholder="请输入查询内容">
                    </div>
                </div>
                <div class="btns">
                    <a href="" class="g-btn l-big">查询</a>
                </div>
            </div>
        </div>
        <div class="pull-right">
            <div class="title">
                查询结果
            </div>
            <div class="certs">
                <div class="thead clearfix textStyle">
                    <div class="th w-num">
                        作品编号
                    </div>
                    <div class="th w-year">
                        参赛年份
                    </div>
                    <div class="th w-title">
                        作品标题
                    </div>
                    <div class="th w-type">
                        作品类型
                    </div>
                    <div class="th w-role">
                        参赛角色
                    </div>
                    <div class="th w-name">
                        作者姓名
                    </div>
                    <div class="th w-prize">
                        获奖项目
                    </div>

                    <div class="th w-contr">
                        证书操作
                    </div>
                </div>
                <div class="tbody">
                    <div class="noneDate">
                        <img src="img/none-find.png" alt="">
                    </div>
                    <div class="tr clearfix">
                        <div class="td w-num">
                            XH2024-001
                        </div>
                        <div class="td w-year">
                            2024
                        </div>
                        <div class="td w-title icon-warn">
                            好书推荐《伊索寓言》
                        </div>
                        <div class="td w-type">
                            视频
                        </div>
                        <div class="td w-role">
                            学生
                        </div>
                        <div class="td w-name">
                            刘亦菲
                        </div>
                        <div class="td w-prize">
                            一等奖
                        </div>
                        <div class="icon-warn td w-contr">
                            <span class="fromBtn"><i class="iconfont icon-tupian"></i> 查看</span>
                        </div>
                    </div>

            </div>
        </div>

    </div>
</div>






<div class="footer" id="footer">
    <div class="row clearfix">
        <div class="item"><a href="https://basic.smartedu.cn/">国家中小学智慧教育</a></div>
        <div class="item"><a href="https://jyt.hubei.gov.cn/">湖北省教育厅</a></div>
        <div class="item"><a href="http://www.e21.cn/">湖北教育信息网</a></div>
        <div class="item"><a href="http://www.hbea.edu.cn/">湖北省教育考试网</a></div>
        <div class="item"><a href="https://www.cjcb.com.cn/">长江出版传媒集团</a></div>
    </div>
    <div class="row record-row">
        <img src="img/record2.png" alt="鄂公网安备" />
        <pre><span>  鄂公网安备 42010402000414号   |   鄂ICP备13007865号-3   |   经营证照  </span></pre>
        <img src="img/record1.png" alt="鄂公网安备" />
    </div>
    <div class="row Copyright-row">
        <span>Copyright© 湖北省新华书店(集团)有限公司</span>
    </div>
</div>
<!--  这里是弹窗-->
<div class="dialog" id="dialog-login" style="display: none;">
    <div class="codeBox form" style="display: none;" id="loginWeixin">
        <img src="" class="codeImg" alt="">
        <div class="code-name">
            微信扫码登录
        </div>
    </div>
    <form class="inputBox form" style="display:none;" id="loginCode">
        <div class="inputItem">
            <div class="label">
                <span class="iconfont icon-wode2"></span>
            </div>
            <input type="text" id="mobileCode" placeholder="请输入手机号码">
        </div>
        <div class="inputItem-type2">
            <div class="inputItem-type2-left">
                <div class="label">
                    <span class="iconfont icon-zhanghaoshezhi"></span>
                </div>
                <input type="password" id="code" placeholder="请输入验证码">
            </div>
            <div class="inputItem-type2-right">
                <div class="">获取短信验证码</div>
            </div>
        </div>
        <div class="tipBox">
            <a class="tipLeft">没有账号？去注册</a>
            <a class="tipRight toRePass">忘记密码？</a>
        </div>
        <div class="loginBtnBox">
            <div class="loginBtn">登录</div>
        </div>
    </form>
    <form class="inputBox form" id="loginUser">
        <div class="inputItem">
            <div class="label">
                <span class="iconfont icon-wode2"></span>
            </div>
            <input type="text" id="mobile" placeholder="请输入手机号码">
        </div>
        <div class="inputItem">
            <div class="label">
                <span class="iconfont icon-zhanghaoshezhi"></span>
            </div>
            <input type="text" id="mobile" placeholder="请输入密码">
        </div>
        <div class="tipBox">
            <a class="tipLeft toRes">没有账号？去注册</a>
            <a class="tipRight toRePass">忘记密码？</a>
        </div>
        <div class="loginBtnBox">
            <button class="loginBtn" type='submit'>登录</button>
        </div>
    </form>
    <div class="line-text">
        <div class="leftLine Line"></div>
        <div class="text">其他登录方式</div>
        <div class="rightLine Line"></div>
    </div>
    <div class="dialogBtn">
        <div class="btn" id="loginWeixinBtn" >
            <span class="iconfont icon-31saoma"></span>
            扫码登录
        </div>
        <div class="btn" id="loginUserBtn" style="display: none;">
            <span class="iconfont icon-shouji"></span>
            账号登录
        </div>
        <div class="btn" id="loginCodeBtn">
            <span class="iconfont icon-zhanghaoshezhi"></span>
            短信登录
        </div>
    </div>
    <div class="policy">
        注册登录即代表同意 <a href="">《用户协议》</a> 和 <a href="">《隐私政策》</a>
    </div>
</div>

<div class="dialog" id="dialog-reg" style="display: none">
    <form class="inputBox">
        <div class="inputItem">
            <div class="label">
                <span class="iconfont icon-wode2"></span>
            </div>
            <input type="text" id="mobileCode" placeholder="请输入手机号码">
        </div>
        <div class="inputItem-type2">
            <div class="inputItem-type2-left">
                <div class="label">
                    <span class="iconfont icon-zhanghaoshezhi"></span>
                </div>
                <input type="password" id="code" placeholder="请输入验证码">
            </div>
            <div class="inputItem-type2-right">
                <div class="">获取短信验证码</div>
            </div>
        </div>
        <div class="inputItem">
            <div class="label">
                <span class="iconfont icon-zhanghaoshezhi"></span>
            </div>
            <input type="password" id="mobileCode" placeholder="请输入8-16位字母、数字或符号2种及以上组合">
        </div>
        <div class="tipBox">
            <a class="tipLeft" style="cursor: pointer" id="goLogin">已有账号？去登录</a>
        </div>
        <div class="loginBtnBox">
            <div class="loginBtn">注册</div>
        </div>
    </form>
    <div class="policy">
        注册登录即代表同意 <a href="">《用户协议》</a> 和 <a href="">《隐私政策》</a>
    </div>
</div>


<script src="js/lib/jquery/jquery-1.2.3.min.js"></script>
<script src="js/lib/layer3.11/layer.js"></script>
<script src="js/lib/layui/layui.all.js"></script>
<script src="js/public.js"></script>
<script src="js/set.js"></script>
<!--<script src="js/index.js"></script>-->
</body>
</html>
